<!DOCTYPE html>
<html>

	<head>
		<link rel="stylesheet" type="text/css" href="js/bootstarp-table-1.11.1/bootstrap-table.min.css" />
		<link rel="stylesheet" type="text/css" href="js/bootstarp-3.3.7/css/bootstrap.min.css" />
		<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstarp-3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstarp-table-1.11.1/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstarp-table-1.11.1/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script>
		<meta charset="UTF-8">
		<title></title>

		<script>
			$(function() { //, headers: { 'x-requested-with': 'XMLHttpRequest' }
				$.ajaxSetup({
					crossDomain: true,
					xhrFields: {
						withCredentials: true
					}
				});
			});
		</script>
		<script>
			/*
			 * 网页加载
			 * 显示所有医生信息
			 */
			$(function() {
				urlinfo = window.location.href;
				len = urlinfo.length; //获取url的长度
				offset = urlinfo.indexOf("?"); //设置参数字符串开始的位置
				newsidinfo = urlinfo.substr(offset + 1, len) //取出参数字符串 这里会获得类似“id=1”这样的字符串
				newsids = newsidinfo.split("="); //对获得的参数字符串按照“=”进行分割
				newsid = newsids[1]; //得到参数值
				newsname = newsids[1]; //得到参数名字
				//根据患者id查询历史病例
				$.ajax({
					type: "get",
					url: "http://127.0.0.1:8099/chaxun",
					data: {
						//得到患者id
						"patient_id": newsname,
					},
					dataType: "json",
					success: function(dangan) {
						$.each(dangan, function(index, obj) {
							//对查询出来的集合进行循环添加
							//	$("#a").after($("<input type='button'  onclick='chaxun("+obj.+")' />"));
							$("#b").after($('<button   class="btn-lg btn-block" onclick="chaxun(' + obj.id + ',' + obj.patient_id + ');"  >' + '就诊时间:' + obj.case_date + ' 就诊医院:' + obj.hospital_name + '  患者名字:' + obj.name + '(点击可查看详情!)</button>'));
						})
					}
				});

			})

			//查询处方和病例详情
			function chaxun(id, patient_id) {
				$('#myModal').modal('show'); //模态框显示
				$.ajax({
					type: "get",
					url: "http://127.0.0.1:8099/findhis",
					data: {
						"patient_id": patient_id, //患者id
						"id": id //病例id
					},
					dataType: "json",
					success: function(his) {
						//数据清空
						$("#c").empty();
						//开始循环
						$.each(his['his'], function(index, obj) {
							//复制日期
							$("#case_date").text(obj.case_date);
							//判断是什么值
							if(obj.type_id == 0) {
								$("#type_id").text("初诊");
							} else if(obj.type_id == 1) {
								$("#type_id").text("复诊");
							} else if(obj.type_id == 2) {
								$("#type_id").text("急诊");
							}
							//判断是否传染
							if(obj.is_contagious == 0) {
								$("#is_contagious").text("否");
							} else {
								$("#is_contagious").text("是");
							}
							//特别要求赋值
							$("#case_title").text(obj.case_title);
							//家族史赋值
							$("#family_info").text(obj.family_info);
						})
						//循环查询的处方
						$.each(his['chufang'], function(index, chufang) {
							//赋值
							var cf = chufang;
							//先创建一个table表格	
							var chufang = $("<table border='1'  class='table table-hover table-bordered'><tr><td>处方明细序号</td><td>药品名</td><td>单剂量(g/条)</td><td>特殊要求</td></tr></table>");
							//div添加表格
							$("#c").append(chufang);
							//表格之前在添加一个span
							chufang.before($("<span >" + cf + "</span>"));
							//循环查询出来的处方表
							$.each(his['dc'], function(index, obj) {
								//当处方名称和查询的处方名称一样
								if(obj.label == cf) {
									//生成tr表格	
									var emp = $("<tr><td>" + obj.id + "</td><td>" + obj.goodsName + "</td><td>" + obj.single + "</td><td>" + obj.tips + "</td></tr>");
									//添加最后一个tbody表格里
									emp.appendTo(chufang);
								}

								/*   if (obj.label='处方一') {
									   	 var emp=$("<tr><td>"+obj.id+"</td><td>"+obj.goodsName+"</td><td>"+obj.single+"</td><td>"+obj.tips+"</td></tr>");
									      emp.appendTo("tbody:last");//父节点添加子节点
									   }*/
							})
						})
					}
				});

			}
		</script>
	</head>

	<body>
		<center>
			<!-- 返回患者列表-->
			<a href="HuanZhe.html" style="font-size: 20px;color: #007DDB;">返回患者列表</a>
		</center>
		<input hidden="hidden" id="b" />
		<!--<div id="b">

		</div>-->
		<!-- 患者档案模态框 -->
		<!-- class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"-->
		<div class="modal fade" tabindex="-1" role="dialog" id="myModal">
			<div class="modal-dialog" role="document" style="width:800px">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" style="font-size: 24px; color: dodgerblue;">患者基本信息</h4>
					</div>

					<div class="modal-body">
						<p style="font-size: 20px;color: #007DDB;">诊断信息：</p>
						<table border="1" class="table table-hover table-bordered">
							<tr>
								<td>发病日期</td>
								<td>接诊类型</td>
								<td>是否传染</td>
								<td>主诉</td>
								<td>家族史</td>
							</tr>
							<tr>
								<td id="case_date"></td>
								<td id="type_id"></td>
								<td id="is_contagious"></td>
								<td id="case_title"></td>
								<td id="family_info"></td>
							</tr>
						</table>
						<p style="font-size: 20px;color: #007DDB;">处方详情：</p>
						<div id="c">
							<!--<table border="1" class="table table-hover table-bordered">
					<tbody>
					<tr>
						<td>处方明细序号</td>
						<td>药品名</td>
						<td>单剂量(g/条)</td>
						<td>特殊要求</td>
					</tr>
					</tbody>
				</table>-->
						</div>

					</div>
					<!-- body内容外 -->
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal" id="btn3">关闭</button>

					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->

	</body>

</html>